<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
  <link rel="StyleSheet" href="style.css" type="text/css">
 <TITLE>Preset Digital BCD Counter</TITLE>
 <meta name="generator" content="textpad 4.6">
 <meta name="keywords" content="digital, counter, bcd, flip-flop, preset, up-down">
 <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
 <meta content="Anantha Narayan" name="author">
<meta content="A Interactive Tutorial to learn Counters and flip-flops" name="description">
  <script language="Javascript" type="text/javascript" src="counter.js">
<!--
//-->
  </script>
</head>
<body alink="#333399" bgcolor="#f8f8f8" link="#333399" text="#000000"
 vlink="#6600cc">
<div id="pcb">
<table border="0" width="100%" class="detable" cellpadding="1" cellspacing="1">
  <tbody>
    <tr>
      <td height="5" valign="top"> <br>
      </td>
      <td height="5" valign="top"> <br>
      </td>
      <td height="5" valign="top" width="7"> <br>
      </td>
      <td height="5" valign="top"> <br>
      </td>
    </tr>
    <tr>
      <td valign="top" width="10"><br>
      </td>
      <td align="center" valign="top">
      <table class="display" align="center" border="0" cellpadding="0"
 cellspacing="0">
        <tbody>
          <tr>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
            </td>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle"> <img title="Segment - A" src="gifs/grn_on.gif"
 alt="Segment - A" name="a_seg" height="16" width="51"><br>
            </td>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
            </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="16"><img title="Segment - F"
 src="gifs/grn_on_v.gif" alt="Segment - F" name="f_seg" height="51"
 width="16"></td>
            <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="51"><br>
            </td>
            <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="16"><img title="Segment - B"
 src="gifs/grn_on_v.gif" alt="Segment - B" name="b_seg" height="51"
 width="16"></td>
          </tr>
          <tr>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle" width="16"> <br>
            </td>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle" width="51"><img title="Segment - G"
 src="gifs/grn_off.gif" alt="Segment - G" name="g_seg" height="16"
 width="51"></td>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle" width="16"> <br>
            </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="16"><img title="Segment - E"
 src="gifs/grn_on_v.gif" alt="Segment - E" name="e_seg" height="51"
 width="16"></td>
            <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="51"><br>
            </td>
            <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="16"><img title="Segment - C"
 src="gifs/grn_on_v.gif" alt="Segment - C" name="c_seg" height="51"
 width="16"></td>
          </tr>
          <tr>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
            </td>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle"><img title="Segment - D" src="gifs/grn_on.gif"
 alt="Segment - D" name="d_seg" height="16" width="51"></td>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
            </td>
          </tr>
          <tr>
            <td colspan="2" rowspan="1" align="center" bgcolor="#000000"
 height="16" valign="middle"><br>
            </td>
            <td align="center" bgcolor="#000000" height="16"
 valign="middle"><img title="DP - Decimal Point - Carry Over"
 src="gifs/dp_off.gif" alt="DP - Decimal Point - Carry Over"
 name="dp_seg" height="16" width="16"> </td>
          </tr>
        </tbody>
      </table>
      </td>
      <td valign="top" width="7"><br>
      </td>
      <td align="center" valign="top">
      <table border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td align="center" valign="middle"><img title="Up"
 src="gifs/red_button_up.gif" alt="Up" name="up_it" onclick="up_sw();"
 height="39" width="44"><br>
            </td>
            <td align="center" valign="middle"><img
 title="Counting - Up" src="gifs/green_on.gif" alt="Counting - Up"
 name="up_led" height="28" width="28"></td>
          </tr>
          <tr>
            <td align="center" valign="middle"><img title="Down"
 src="gifs/red_button_up.gif" alt="Down" name="dn_it" onclick="dn_sw();"
 height="39" width="44"></td>
            <td align="center" valign="middle"><img
 title="Counting - Down" src="gifs/green_off.gif" alt="Counting - Down"
 name="dn_led" height="28" width="28"></td>
          </tr>
          <tr>
            <td align="center" valign="middle"><img title="A - 1"
 src="gifs/dipa.gif" name="a_dip" onclick="dipa_click();" alt="A - 1"
 height="14" width="50"><br>
            </td>
            <td align="center" valign="middle"><img title="A - 1 - BCD"
 src="gifs/yellow_off.gif" alt="A - 1 - BCD" name="a_led" height="20"
 width="20"></td>
          </tr>
          <tr>
            <td align="center" valign="middle"><img title="B - 2"
 src="gifs/dipa.gif" name="b_dip" onclick="dipb_click();" alt="B - 2"
 height="14" width="50"></td>
            <td align="center" valign="middle"><img title="B - 2 - BCD"
 src="gifs/yellow_off.gif" alt="B - 2 - BCD" name="b_led" height="20"
 width="20"></td>
          </tr>
          <tr>
            <td align="center" valign="middle"><img title="C - 4"
 src="gifs/dipa.gif" name="c_dip" onclick="dipc_click();" alt="C - 4"
 height="14" width="50"></td>
            <td align="center" valign="middle"><img title="C - 4 - BCD"
 src="gifs/yellow_off.gif" alt="C - 4 - BCD" name="c_led" height="20"
 width="20"></td>
          </tr>
          <tr>
            <td align="center" valign="middle"><img title="D - 8"
 src="gifs/dipa.gif" name="d_dip" onclick="dipd_click();" alt="D - 8"
 height="14" width="50"></td>
            <td align="center" valign="middle"><img title="D - 8 - BCD"
 src="gifs/yellow_off.gif" alt="D - 8 - BCD" name="d_led" height="20"
 width="20"></td>
          </tr>
          <tr>
            <td rowspan="1" colspan="2" align="center" valign="middle">
            <br>
            </td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
    <tr>
      <td valign="top" width="10"><br>
      </td>
      <td align="center" valign="middle"><img
 title="Start - Stop - Clock" src="gifs/red_button_up.gif"
 alt="Start - Stop - Clock" onclick="clk_sw();" name="clk_it"
 align="middle" height="39" width="44">&nbsp; <img title="Clock Pulse"
 src="gifs/red_on.gif" alt="Clock Pulse" name="clk_led" align="middle"
 height="28" width="28"></td>
      <td align="center" valign="middle" width="7"><br>
      </td>
      <td align="center" valign="middle"><img title="Preset Counter"
 src="gifs/red_button_up.gif" alt="Preset Counter" name="set_it"
 onclick="load_bcd();" height="39" width="44"></td>
    </tr>
    <tr>
      <td valign="top" width="10"><br>
      </td>
      <td colspan="3" rowspan="1" align="center" valign="middle"><a
 target="_blank" href="http://www.delabs-circuits.com/">delabs Circuits<br>
      </a></td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>
